<!DOCTYPE html>
<html>
<head>
    <title>第40届国际名牌家具(东莞)展览会</title>
    <meta name="viewport" content="target-densitydpi=device-dpi, width=750px, user-scalable=no">
    <script src="/static/adminlte/bower_components/jquery/dist/jquery.min.js"></script>
    <style type="text/css">
        body{margin:0;padding:0;background: #287dee;font-family: "Microsoft YaHei";}
        #banner{  margin:0 auto;width:750px;height:486px;background: url(/static/images/ad/banner.png);text-align: center;  }
        .box{  margin:0 auto;margin-top:30px;width:700px;position:relative;  }
        .box1{background: url(/static/images/ad/box1.png) no-repeat center;height:394px;margin-top:60px;}
        .box2{background: url(/static/images/ad/box2.png) no-repeat center;height:394px;}
        .box3{background: url(/static/images/ad/box3.png?v=1) no-repeat center;height:420px;}

        .title{  font-size: 40px;  border: 0px solid black;  height: 145px;  line-height: 145px;  margin-left: 35px;  color: white;  }
        .fairy{position: absolute;  right: 0;  top: 30px;}

        .description-wrap{  padding-left:30px;  }
        .sub-title{  margin-top: 55px;  font-size: 30px;  }
        .description{  font-size: 26px;  color: #888; margin-top: 15px;  }
        .box1 .description{margin-top:25px;}
        .description div{  margin-top:10px;  }
        .outstanding{color:dodgerblue;}
        .form-back{  margin:0 auto;width:750px;box-sizing:border-box;background: url(/static/images/ad/board.png);height:550px;margin-top:50px;padding-top:80px;  }
        .form-back .form-item{width: 640px;  height: 100px;  border: 0px solid black;  margin: 0 auto;  line-height: 93px;  background: white;border-radius:5px;}
        .form-item .input{width:400px;  height: 50px; font-size:30px;border:0;display:inline;}


        .form-item .input::-webkit-input-placeholder{
            color:#ccc;
        }
        .form-item .input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#ccc;
        }
        .form-item .input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#ccc;
        }
        .form-item .input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color:#ccc;
        }
        .form-item label{font-size:30px;margin:30px}
        .submit-wrap{ text-align: center;  margin-top: 33px;  }
        .submit{  background: url(/static/images/ad/button-orange.png);  width: 520px;  height: 100px;  border: 0;  font-size: 30px;  color: white;  }
        .submit span{    display: block;  margin-top: -11px;}
        .display-error{  color: red;  width: 640px;  margin: 0 auto;  border: 0px solid black;  font-size: 25px;  height:33px;  }
        .fix-submit{  position:fixed;bottom:0;left:50%;  width:750px;height:100px;background: url(/static/images/ad/float.png);  font-size: 40px;  color: white;  text-align: center;  line-height: 100px;margin-left:-375px;  }
        .success{  position:fixed;width:600px;height:500px;background: url(/static/images/ad/background.png);  top:250px;left:50%;margin-left:-300px;  }
        #success{display:none;z-index:1000;}
        .msg-title{font-size:40px;text-align: center;margin-top: 18px;  color: white;}
        .msg-image{  margin-top: 79px;  text-align: center;  }
        .msg-close{  margin: 0 auto;  font-size: 30px;  width: 291px;  border: 1px solid silver;  margin-top: 51px;  padding: 18px;  text-align: center;  border-radius: 90px;  }
        .black-back{  width: 100%;  height: 0px;  background: black;  border: 1px solid black;  position: fixed;  left: 0;  top: 0;  background: rgba(0,0,0,.5);z-index:100;  }

        .display-error-tab{position: absolute;
            text-align: center;
            left: 0;
            top: 321px;
            border: 0px solid black;
            width: 100%;
            font-size: 30px;
            color: red;}
    </style>
</head>
<body>
<div id="banner" >
    <img src="/static/images/ad/font.png" />
</div>

<div class="box1 box">
    <div class="title">促进下单 营收速增8倍</div>
    <div class="fairy">
        <img src="/static/images/ad/01.png" />
    </div>
    <div class="description-wrap" >
        <div class="sub-title">
            互联网思维教你如何把握客户，一招提升客单值
        </div>
        <div class="description">
            <div>不用开店，全屋软装整体销售</div>
            <div>全国各种楼盘签约，精装房拎包项目资源等你对接</div>
        </div>
    </div>
</div>
<div class="box2 box">
    <div class="title">著名设计大咖亲自设计</div>
    <div class="fairy">
        <img src="/static/images/ad/02.png" />
    </div>
    <div class="description-wrap" >
        <div class="sub-title">
            行业著名设计大咖的精品样板间惊艳亮相
        </div>
        <div class="description">
            <div><span class="outstanding">18套</span>业内著名大师亲自设计的样板间，等你来欣赏</div>
            <div><span class="outstanding">1500m<sup>2</sup></span>人工智能共享展厅，共享资源辐射全国</div>
        </div>
    </div>
</div>
<div class="box3 box">
    <div class="title">知名品牌供应链</div>
    <div class="fairy" style="top:2px;">
        <img src="/static/images/ad/03.png" />
    </div>
    <div class="description-wrap" >
        <div class="sub-title">
            严选100+家居软装知名品牌，出厂价直供
        </div>
        <div class="description">
            <div>家具/灯具/饰品/挂画/布艺/地毯/墙纸</div>
            <div><span class="outstanding">100+</span>知名品牌工厂</div>
            <div><span class="outstanding">20000+</span>软装精品爆品，低于市场<span class="outstanding">20%</span>的价格</div>
        </div>
    </div>
</div>

<div class="form-back">
    <form action="" method="post" id="form">
        <div class="form-item">
            <label for="name">姓名</label>
            <input id="name" type="text" name="name" value="" class="input" placeholder="请输入您的姓名"/>
        </div>
        <div class="display-error" id="name-error"></div>
        <div class="form-item" style="margin-top:20px;">
            <label for="mobile">电话</label>
            <input id="mobile" type="text" name="mobile" value="" class="input" placeholder="请输入您的电话"/>
        </div>
        <input type="hidden" value="<{$code}>" name="invite_id" />
        <div class="display-error" id="mobile-error"></div>
        <div class="submit-wrap">
            <button class="submit" id="submit" ><span>立即报名</span></button>
        </div>
    </form>
</div>

<div style="height:150px;">

</div>

<div class="fix-submit" id="fix-submit">
    立即报名
</div>
<div class="black-back">

</div>
<div class="success" id="success">
    <div class="msg-title" id="msg-title">报名成功</div>
    <div class="msg-image" id="msg-image"><img src="/static/images/ad/error.png" /></div>
    <div class="display-error-tab" id="message">msg</div>
    <div class="msg-close" id="know">我知道了</div>
</div>




</body>
<script type="text/javascript">
    $(function(){
        var windowHeight = window.innerHeight;
        var bodyHeight = document.body.clientHeight;
        var bottomTopY = bodyHeight - windowHeight;
        $("#fix-submit").click(function(){
            window.scrollTo(0,bottomTopY);
            //$(this).hide();
        });

        $("#submit").click(function(e){
            e.preventDefault();
            var data = $("#form").serialize();
            $.post("/index/index/enroll",data,function(data,status){
                $(".display-error").html("");
                if(!data.code){
                    /*if(data.msg == '请填写姓名'){
                        $("#name-error").html(data.msg);
                    }else{
                        $("#mobile-error").html(data.msg);
                    }*/
                    $("#msg-title").html("错误提醒");
                    $("#message").html(data.msg);
                    $("#msg-image img").attr("src","/static/images/ad/error.png");
                    $(".black-back").css({"height":windowHeight});
                    $("#success").css({"top":(windowHeight/2 - 250)+"px"});
                    $("#success").show();

                }else{
                    $("#msg-title").html("报名成功");
                    $("#message").html("");
                    $("#msg-image img").attr("src","/static/images/ad/handle.png");
                    $(".black-back").css({"height":windowHeight});
                    $("#success").css({"top":(windowHeight/2 - 250)+"px"});
                    $("#success").show();
                }
            });
        });

        $("#know").click(function(){
            $("#success").hide();
            $(".black-back").css({"height":0});
        });

        $(document).scroll(function(){
            console.log({offset:window.pageYOffset,bottomTop:bottomTopY});

            if(window.pageYOffset > bottomTopY-100 ){
                $("#fix-submit").hide();
            }else{
                $("#fix-submit").show();
            }
        });
    });


</script>
</html>

